﻿<html>
    
    <head >
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>
            企业进销存系统
        </title>
        <link rel="stylesheet" href="./css/common.css" type="text/css" media="screen"/>
        <link rel="stylesheet" href="./css/selectedDay.css"/>
        <link rel="stylesheet" href="./css/common2.css" type="text/css" media="screen"/>
		<script type="text/javascript" src="./js/jquery-1.8.3.min.js"></script>
		<script type="text/javascript" src="./js/selectedDay.js"></script>
        <script type="text/javascript">
        var intRowIndex = 0;
        function getDetail(){
           intRowIndex = event.srcElement.parentElement.rowIndex;
           document.getElementById("overlaybg").style.display="block";
           document.getElementById("overlayDetail").style.display="block";
        }
        function closeOverlay(){
            document.getElementById("overlaybg").style.display="none";
            document.getElementById("overlayDetail").style.display="none";
        }
        </script>
    </head>
    
    <body>
        <div class="content-box-content">
            <div id="overlaybg"></div>
                <div  id="overlayDetail">
                    <div id="detailHead">
                        <p>出库记录详情</p>
                        <a href="#" onclick="closeOverlay()">x</a>
                    </div>
                    
                    <div class="detailContent">
                        供应商：<br>
                        订购时间：<br>
                        经办人：<br>
                        <table class="detailTable">
                            <tr>
                                <td>产品类型</td>
                                <td>产品名称</td>
                                <td>产品规格</td>
                                <td>数量</td>
                                <td>单价</td>
                            </tr>
                            <tr>
                                <td>产品类型</td>
                                <td>产品名称</td>
                                <td>产品规格</td>
                                <td>数量</td>
                                <td>单价</td>
                            </tr>
                            <tr>
                                <td>产品类型</td>
                                <td>产品名称</td>
                                <td>产品规格</td>
                                <td>数量</td>
                                <td>单价</td>
                            </tr>
                        </table>
                        备注：
                    </div>
                </div>
            <div class="search">
                开始日期：
                <input class="Wdate" type="text"   onfocus="HS_setDate(this)" />
                结束日期:
                <input class="Wdate" type="text"   onfocus="HS_setDate(this)" />
                订单状态：
                <select>
                    <option>下单成功</option>
                    <option>下单失败</option>
                </select>
                订单编号：
                <input type='text' value=''/>
                <div class="button">查询</div>  
            </div>
            <div>
                <table class="contentTable" width="1000">
                    <tfoot>
                      <tr>
                        <td colspan="9">
                          <div class="pagination"> 
                            <a href="#" class="number" title="第一页"><<</a>
                            <a href="#" class="number" title="前一页"><</a> 
                            <a href="#" class="number" title="1">1</a> 
                            <a href="#" class="number" title="2">2</a> 
                            <a href="#" class="number current" title="3">3</a> 
                            <a href="#" class="number" title="4">4</a> 
                            <a href="#" class="number" title="下一页">></a>
                            <a href="#" class="number" title="最后一页">>></a> 
                          </div>
                  
                        </td>
                      </tr>
                    </tfoot>
                    <tr>
                        <td>订单编号</td>
                        <td>订购时间</td>
                        <td>经办人</td>
                        <td>供应商</td>
                        <td>合计金额</td>
                        <td>折扣金额</td>
                        <td>状态</td>
                        <td>编辑</td>
                        <td>删除</td>
                    </tr>
                    <tr  onclick="getDetail()">
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td><a href="#" title="编辑"><img src="./img/icons/pencil.png" alt="Edite"></a></td>
                        <td><a href="#" title="删除"><img src="./img/icons/cross.png" alt="Delete"></a></td>
                    </tr>
                    <tr onclick="getDetail()">
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td><a href="#" title="编辑"><img src="./img/icons/pencil.png" alt="Edite"></a></td>
                        <td><a href="#" title="删除"><img src="./img/icons/cross.png" alt="Delete"></a></td>
                    </tr>
                    <tr onclick="getDetail()">
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td><a href="#" title="编辑"><img src="./img/icons/pencil.png" alt="编辑"></a></td>
                        <td><a href="#" title="删除"><img src="./img/icons/cross.png" alt="删除"></a></td>
                    </tr>
                </table>    
            </div>
            
        </div >
    </body>
</html>